<?xml version='1.0' encoding='UTF-8' ?> 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:ui="http://xmlns.jcp.org/jsf/facelets"
      xmlns:h="http://xmlns.jcp.org/jsf/html"
      xmlns:p="http://primefaces.org/ui">



    <h:head>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
        <h:outputStylesheet name="./css/default.css"/>
        <h:outputStylesheet name="./css/cssLayout.css"/>
        <title>SINCTAUES</title>
    </h:head>

    <h:body>


        <div id="top" class="top">
            <ui:insert name="top">Encabezado</ui:insert>
        </div>

        <div id="sesion">
            <h:form> 
                <p:menubar>
                    <p:menuitem value="Salir"  actionListener="#{loginBean.loguot}" icon="ui-icon-close" oncomplete="handleLoginRequest(xhr, status, args)" /> 
                </p:menubar>
            </h:form>
        </div>

        <div>
            <div id="left">
                <h:form>

                    <p:accordionPanel>
                        <p:tab title="Usuarios"> 
                            <p:menu>

                                <p:menuitem value="Save"  icon="ui-icon-disk" />  
                                <p:menuitem value="Update"   icon="ui-icon-arrowrefresh-1-w" />  

                            </p:menu>
                        </p:tab>
                        <p:tab title="estrategicos"> 

                            <p:menu>
                                <p:menuitem value="Delete"   ajax="false" icon="ui-icon-close"/>  
                                <p:menuitem value="Delete"   ajax="false" icon="ui-icon-close"/>  

                            </p:menu>
                        </p:tab>
                    </p:accordionPanel>

                </h:form>
            </div>

            <div id="content" class="left_content">
                <ui:insert name="content">contenido</ui:insert>
            </div>
        </div>

        <div id="bottom" class="botton">
            <ui:insert name="botton">pie de pagina</ui:insert>
        </div>

        <script type="text/javascript">
            function handleLoginRequest(xhr, status, args) {
                if (args.loggetOut) {
                    location.href = args.ruta;
                }

            }
        </script> 

    </h:body>

</html>
